<template>
	<view>
		<view class="but">
			<button type="primary" @click="upload()">上传图片</button>
			<image class="imgs" v-for="(item) in upimg" mode="" :src="item"></image>
		</view>
		<view class="but">
			<button type="primary" @click="upLoadSee()">上传、预览图片</button>
			<image class="imgs" v-for="item in upImgSee" mode="" :src="item"></image>
		</view>
		<view class="but">
			<button type="primary" @click="upLoadMsg()">上传、获取图片信息</button>
			<image class="imgs" v-for="item in upImgMsg" mode="" :src="item"></image>
		</view>
		<view class="but">
			<button type="primary" @click="getaddr()">获取位置</button>
		</view>
		<view class="but">
			<button type="primary" @click="getaddrMap()">获取位置打开地图</button>
		</view>
		<view class="but">
			<button type="primary" @click="phoneMsg()">手机信息</button>
		</view>
		<view class="but">
			<button type="primary" @click="canCode()">扫码</button>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			upimg: [],
			upImgSee: [],
			upImgMsg:[]
		};
	},
	methods: {
		// 扫描二维码
		canCode(){
			uni.scanCode({
				// scanType 设置扫描类型:二维码是'qrCode'，一维码是'barCode'，DataMatrix是‘datamatrix’，pdf417是‘pdf417’
			    success: function (res) {
						console.log(res)
			        console.log('条码类型：' + res.scanType);
			        console.log('条码内容：' + res.result);
			    }
			});
		},
		// 获取手机信息
		phoneMsg(){
			uni.getSystemInfo({
			    success: function (res) {
			        console.log(res);
			        console.log(res.model);
			        console.log(res.pixelRatio);
			        console.log(res.windowWidth);
			        console.log(res.windowHeight);
			        console.log(res.language);
			        console.log(res.version);
			        console.log(res.platform);
			    }
			});
		},
		// 获取定位信息并显示地图
		getaddrMap(){
			
			uni.getLocation({
			    type: 'wgs84',   //默认为 wgs84 返回 gps 坐标，gcj02 返回国测局坐标
			    success: function (res) {
						console.log(res)
			        console.log('当前位置的经度：' + res.longitude);
			        console.log('当前位置的纬度：' + res.latitude);
						uni.chooseLocation({
							latitude:res.latitude,
							longitude:res.longitude,
						    success: function (res) {
						        console.log('位置名称：' + res.name);
						        console.log(res);
						        console.log('详细地址：' + res.address);
						        console.log('纬度：' + res.latitude);
						        console.log('经度：' + res.longitude);
						    }
						});	
							
			    }
			});
			
		},
		// 获取当前位置，\(^o^)/~
		getaddr(){
			/**
			 * H5对定位不是很友好。谷歌会获取位置失败，可换成国内的浏览器测试
			 * 目前对小程序，app支持比较多
			 * app设置geocode:true可以获取更多定位信息
			 * 获取位置需要在manifest配置permission否则无效
			 * 地图显示最好使用高德地图，如若使用别的地图需另行配置
			 * **/
			uni.getLocation({
			    type: 'wgs84',   //默认为 wgs84 返回 gps 坐标，gcj02 返回国测局坐标
			    success: function (res) {
						console.log(res)
			        console.log('当前位置的经度：' + res.longitude);
			        console.log('当前位置的纬度：' + res.latitude);
			    }
			});
		},
		// 上传获取图片信息
		upLoadMsg(){
			uni.chooseImage({
			    count: 1,
			    sourceType: ['album'],
			    success: function (res) {
			        uni.getImageInfo({
			            src: res.tempFilePaths[0],
			            success: function (image) {
			                console.log(image);
			                console.log(image.height);
			            }
			        });
			    }
			});
		},
		upLoadSee() {
			var _this = this;
			uni.chooseImage({
				count: 6,
				sizeType: ['original', 'compressed'],
				sourceType: ['album'],
				success: function(res) {
					// 预览图片
					console.log(res, 'oooooooo');
					_this.upImgSee = res.tempFilePaths;
					/**
					 * 这里上传图片
					 * 下面是预览图片，长按图片对图片进行分享保存，收藏
					 * 下面的发回值没有，未知
					 * **/
					uni.previewImage({
						urls: res.tempFilePaths,
						current:0,
						longPressActions: {
							itemList: ['发送给朋友', '保存图片', '收藏'],
							success: function(data) {
								console.log(data, 'yjhhkhkhkjkj');
								console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
							},
							fail: function(err) {
								console.log(err);
								console.log(err.errMsg);
							}
						}
					});
				}
			});
		},
		upload() {
			var _this = this;
			uni.chooseImage({
				count: 6, //默认9
				sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
				sourceType: ['album', 'camera'], //从相册选择 camera使用相机拍照
				success: function(res) {
					console.log(res.tempFilePaths, 'jsdbsjdb');
					console.log(JSON.stringify(res.tempFilePaths));
					_this.upimg = res.tempFilePaths;
				},
				//complete 不管成功还是失败都会执行，成功会输出上传信息，
				// tempFiles 多数信息在h5下才会执行
				complete: function(res) {
					console.log(res, '------');
				}
			});
		}
	}
};
</script>

<style scoped>
.but {
	margin-top: 20rpx;
	width: 90%;
	margin: 20rpx auto 0 auto;
}
.but .imgs {
	width: 680rpx;
	margin: 20rpx auto 0 auto;
}
</style>
